#download{
  >div{
    border: 1px solid #f0f0f0;
    .download-box{
      padding: 15 * @px1 10 * @px1;
      ul{
        li{
          padding: 5 * @px1 0;
          >div{
            padding: 25 * @px1 10 * @px1;
            .title-box{
              position: relative;
              padding-right: 95 * @px1;
              h2{
                font-size: 16 * @px1;
                color: #333333;
                line-height: 1;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                max-width: 100%;
              }
              p{
                position: absolute;
                font-size: 12 * @px1;
                color: #969696;
                top: 50%;
                transform: translateY(-50%);
                right: 0;
              }
            }
            .detail-box{
              position: relative;
              margin-top: 20 * @px1;
              padding-right: 80 * @px1;
              .detail{
                >div{
                  position: relative;
                  color: #c8c8c8;
                  font-size: 12 * @px1;
                  padding-left: 20 * @px1;
                  margin-left: 30 * @px1;
                  i{
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    font-size: 12 * @px1;
                    line-height: 1;
                  }
                  p{
                    a,span{
                      color: #969696;
                      margin-left: 5 * @px1;
                    }
                  }
                }
                >div:first-child{
                  margin-left: 0;
                }
              }
              .down-btn{
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                background-color: @systemColor;
                padding: 7 * @px1 15 * @px1;
                p{
                  position: relative;
                  font-size: 14 * @px1;
                  line-height: 1;
                  padding-left: 20 * @px1;
                  a{
                    color: white;
                    i{
                      display: block;
                      position: absolute;
                      left: 0;
                      top: 50%;
                      transform: translateY(-50%);
                      font-size: 14 * @px1;
                      line-height: 1;
                    }
                  }
                }
              }
            }
          }
        }
        li:first-child{
          padding: 0;
        }
        li:hover{
          >div{
            background-color: #f7e9e9;
          }
        }
      }
    }
  }
}